<script setup>

</script>

<template>
  <div style=" padding: 10px">
    <a-divider orientation="left">第一行</a-divider>
    <a-row justify-start="justify-start">
      <a-col :span = "8">
        <a-card title="Card title" :bordered="false" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
      <a-col :span ="8">
        <a-card title="Card title" :bordered="false" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
      <a-col :span ="8">
        <a-card title="Card title" :bordered="false" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
    </a-row>
    <a-divider orientation="left">第二行</a-divider>
    <a-row justify="center">
      <a-col :span = "8">
        <a-card title="Card title" :bordered="false" style="width: 300px" size="small">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
      <a-col :span ="8">
        <a-card title="Card title" :bordered="false" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
      <a-col :span ="8">
        <a-card title="Card title" :bordered="false" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
          <p>Card content</p>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<style scoped>

</style>